<template>
  <ul>
    <!--
      因为默认情况下路由切换之后，组件会被销毁
      所以这里的输入框输入一些文字后，切到Message后再切回来，这些输入都会消失
      如果想要缓存组件，让组件不被销毁，需要在父组件Home中设置keep-alive标签
      -->
    <li>news001<input type="text"></li>
    <li>news002<input type="text"></li>
    <li>news003<input type="text"></li>
  </ul>
</template>

<script>
export default {
  name: "News",
  beforeDestroy() {
    console.log('New组件即将被销毁')
  }
}
</script>

<style scoped>

</style>
